
var prefix = "/orders/payee"
$(function() {
    initDate();
    load();
    initAgent();
    initSelect();
});

function initDate(){
    laydate.render({
        elem: '#dateTime',
        type: 'datetime',
        format: 'yyyy年MM月dd日HH时mm分ss秒',
        range: true, //或 range: '~' 来自定义分割字符
        done: function(value, date, endDate){
            var dateTime = value.replace(/\s/g,"").split('-');
            $('#startTime').val(dateTime[0]);
            $('#endTime').val(dateTime[1]);
        }
    });
}

function initAgent() {
    var html = "";
    $.ajax({
        url : prefix + '/findAgent',
        type : 'post',
        success : function(data) {
            var res = data.data;
            if (res == null || res.length <= 0){
                $('#payeeAgentId').parent().css("display", "none");
            } else {
                //加载数据
                for (var i = 0; i < res.length; i++) {
                    html += '<option value="' + res[i].userId + '">' + res[i].name + '</option>'
                }
                $("#payeeAgentId").append(html);
                $("#payeeAgentId").chosen({
                    maxHeight : 200
                });
                //点击事件
                $('#payeeAgentId').on('change', function(e, params) {
                    var opt = {
                        query : {
                            payeeAgentId : params.selected,
                        }
                    }
                    initSelect();
                    $('#exampleTable').bootstrapTable('refresh', opt);
                });
            }
        }
    });
}

function initSelect(){
    $("#payeeId").empty();
    var agnet = $("#payeeAgentId").val();
    var html = "<option value=''>请选择收款户</option>";
    $.ajax({
        url : prefix + "/findPayee",
        type : "post",
        data : {
            userId : agnet
        },
        success : function(r){
            var res = r.data;
            //加载数据
            for (var i = 0; i < res.length; i++) {
                html += '<option value="' + res[i].userId + '">' + res[i].name + '</option>'
            }
            $("#payeeId").append(html);
            $("#payeeId").chosen({
                maxHeight : 200
            });
            //点击事件
            $('#payeeId').on('change', function(e, params) {
                var opt = {
                    query : {
                        payeeId : params.selected,
                    }
                }
                $('#exampleTable').bootstrapTable('refresh', opt);
            });
            $("#payeeId").trigger("chosen:updated");
        }
    });
}

function load() {
    $('#exampleTable').bootstrapTable({
        method : 'get', // 服务器数据的请求方式 get or post
        url : prefix + "/list", // 服务器数据的加载地址
        iconSize : 'outline',
        toolbar : '#exampleToolbar',
        striped : true, // 设置为true会有隔行变色效果
        dataType : "json", // 服务器返回的数据类型
        pagination : true, // 设置为true会在底部显示分页条
        singleSelect : false, // 设置为true将禁止多选
        pageSize : 10, // 如果设置了分页，每页数据条数
        pageNumber : 1, // 如果设置了分布，首页页码
        showColumns : false, // 是否显示内容下拉框（选择显示的列）
        sidePagination : "server", // 设置在哪里进行分页，可选值为"client" 或者 "server"
        queryParams : function(params) {
            return {
                //说明：传入后台的参数包括offset开始索引，limit步长，sort排序列，order：desc或者,以及所有列的键值对
                limit: params.limit,
                offset:params.offset,
                startTime : $('#startTime').val(),
                endTime : $('#endTime').val(),
                orderNo : $('#orderNo').val(),
                orderId : $("#orderId").val(),
                payeeId : $("#payeeId").val(),
                payeeAgentId : $("#payeeAgentId").val(),
                payType : $("#payType").val(),
                status : $("#status").val(),
                remarks : $("#remarks").val()
            };
        },
        columns : [
            {
                title : '序号',
                width : '3%',
                align : 'center',
                formatter: function (value, row, index) {
                    return index + 1;
                }
            },
            {
                field : "id",
                align : 'center',
                title : "订单id"
            },
            {
                field : 'orderNo',
                align : 'center',
                title : '商户单号'
            },
            {
                field : 'orderId',
                align : 'center',
                title : '平台单号'
            },
            {
                field : 'payeeAgentName',
                align : 'center',
                title : '收代名'
            },
            {
                field : 'remarks',
                align : 'center',
                title : '收组长'
            },
            {
                field : 'payeeName',
                align : 'center',
                title : '收名'
            },
            {
                field : 'mobile',
                align : 'center',
                title : '收手机号'
            },
            {
                field : 'orderMoney',
                align : 'center',
                title : '订单金额'
            },
            {
                field : 'payeeCode',
                align : 'center',
                title : '收款户二维码或者账号',
                formatter : function(value, row, index) {
                    var html = '';
                    html = '<span class="label label-primary" ' +
                        ' onclick="showImg(\'' + row.id + '\')">' +
                        '查看</span>';
                    return html;
                }
            },
            {
                field : 'payType',
                align : 'center',
                title : '支付通道',
                formatter : function (value, row, index) {
                    if (value == '1'){
                        return '支付宝固码';
                    } else if (value == '2'){
                        return '微信固码';
                    } else if (value == '3'){
                        return '支付宝转账';
                    } else if (value == '4'){
                        return '支付宝账号';
                    }  else {
                        return '-';
                    }
                }
            },
            {
                field : 'payeeMoney',
                align : 'center',
                title : '收佣金'
            },
            {
                field : 'payeeTurn',
                align : 'center',
                title : '收应上缴'
            },
            {
                field : 'payeeAgentMoney',
                align : 'center',
                title : '收代佣金'
            },
            {
                field : 'payeeAgentTurn',
                align : 'center',
                title : '收代应上缴'
            },
            {
                field : 'gmtCreate',
                align : 'center',
                title : '创建时间'
            },
            {
                field : 'status',
                align : 'center',
                title : '订单状态' ,
                formatter : function(value, row, index) {
                    var html = '-';
                    if (value == '1') {
                        html = '<span class="label label-danger">未付款</span>';
                    } else if (value == '2') {
                        html = '<span class="label label-success">已付款</span>';
                    } else if (value == '3'){
                        html = '<span class="label label-warning">申诉中</span>';
                    }else if (value == '4'){
                        html = '<span class="label label-default">已失效</span>';
                    }else if (value == '5'){
                        html = '<span class="label label-info">已完成</span>';
                    }
                    return html;
                }
            },
            {
                title : '操作',
                align : 'center',
                formatter : function(value, row, index) {
                    var f = '<span  class="btn btn-primary btn-sm ' + s_edit_h + '" onclick="edit(\''
                        + row.id
                        + '\')">补单</span> ';
                    var d = '<span  class="btn btn-danger btn-sm ' + s_recover_h + '" onclick="recover(\''
                        + row.id
                        + '\')">追单</span> ';
                    if (row.status == '1'){
                        return f;
                    } else if(row.status == '2' && (row.reason == null || row.reason == '')){
                        return d;
                    } else {
                        return '-';
                    }
                }
            }
        ]
    });
    $('#exampleTable').bootstrapTable('hideColumn', 'id');//隐藏上述userId列
    profit();
}
function reLoad() {
    $('#exampleTable').bootstrapTable('destroy');
    load();
    profit();
}

function edit(id) {
    layer.open({
        type : 2,
        title : '补单',
        maxmin : true,
        shadeClose : false, // 点击遮罩关闭层
        area : [ '520px', '320px' ],
        content : prefix + '/editTag/' + id // iframe的url
    });
}

//追单
function recover(id) {
    layer.open({
        type : 2,
        title : '追回',
        maxmin : true,
        shadeClose : false, // 点击遮罩关闭层
        area : [ '520px', '320px' ],
        content : prefix + '/recover/' + id // iframe的url
    });
}

//统计
function profit() {
    $.ajax({
        url : "/orders/profit/queryP",
        type : "post",
        data : {
            startTime : $('#startTime').val(),
            endTime : $('#endTime').val(),
            orderNo : $('#orderNo').val(),
            orderId : $("#orderId").val(),
            payeeId : $("#payeeId").val(),
            payeeAgentId : $("#payeeAgentId").val(),
            status : $("#status").val(),
            payType : $("#payType").val(),
            remarks : $("#remarks").val()
        },
        success : function(r) {
            if (r.code == 0) {
                $('#profit').empty();
                $('#profits').empty();
                var res = r.data;
                $('#profit').append("订单总数：" + res.profit);
                $('#profits').append("订单总金额：" + res.profits+"（元）");
            } else {
                layer.msg(r.msg);
            }
        }
    });
}

function showImg(id) {
    layer.open({
        type : 2,
        title : '查看二维码',
        maxmin : true,
        shadeClose : false, // 点击遮罩关闭层
        area : [ '400px', '450px' ],
        content : prefix + '/showImg/' + id // iframe的url
    });
    // layer.open({
    //     type : 2,
    //     title : '查看收款二维码',
    //     maxmin : true,
    //     shadeClose : false, // 点击遮罩关闭层
    //     area : [ '700px', '520px' ],
    //     content : code//'http://120.76.140.128:8080/APP/payment/2020-02-14/23jix3de2gn68accuuke.png'
    // });
}